@charset "UTF-8";
:export {
  primaryColor: #C00000;
  baseSpacing: 8px;
}

/*
混入 Mixin
  通过 @mixin 创建可复用的代码块，通过 @include 调用。
  特点：
    可以传递参数（动态内容）。
    每次调用会生成独立的 CSS 规则。
    适合需要灵活定制的样式（如主题、响应式断点）。
*/
.row::after {
  content: "";
  display: table;
  clear: both;
}

.button {
  padding: 8px;
  background: #C00000;
  color: white;
}
.button:hover {
  background: #8d0000;
}
.button--large {
  padding: 16px;
}

.btn-primary {
  background: #206CCF;
  color: #FFFFFF !important;
  padding: 8px 16px;
  border-radius: 5px;
}

.btn-disabled {
  background: gray;
  color: #545454 !important;
  padding: 8px 16px;
  border-radius: 5px;
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.card-highlight, .card {
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card {
  padding: 8px;
}

.card-highlight {
  border: 2px solid #C00000;
}

:root {
  --primary-color: #C00;
  --text-color: #333;
  --bg-color: #fff;
}

:root.dark {
  --primary-color: #F76965;
  --text-color: #FFF;
  --bg-color: #2c3e50;
}

body {
  font-family: Helvetica, Microsoft YaHei, sans-serif;
  margin: 0;
  padding: 0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 80%;
  height: 100vh;
  gap: 2rem;
  color: var(--text-color);
  background: var(--bg-color);
  margin: 0 auto;
}
.container .banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 3rem;
}
.container .banner .title {
  color: var(--primary-color);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.container .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 2rem;
}
.container .img-box img {
  flex: 1;
}

/*
推荐使用 Sass 的情况
    大型项目：需要变量作用域、循环、条件等高级功能。
    团队协作：通过 @use 规则管理模块化代码。
    主流框架：使用基于 Sass 的 UI 库（如 Ant Design、Material UI）。
    示例项目：
        企业级后台管理系统
        设计系统（如 Ant Design 5+）
        需要多主题支持的网站
*//*# sourceMappingURL=main.css.map */